body {
    font-family: Trebuchet MS;
    background-color: gainsboro;
    padding: 14px;
}

h3 {
    margin: 3px 0;
} #leftcol {
    float: left;
    display: inline;
} #networkindicatorblock {
    margin-bottom: 1px;
    padding: 0;
    margin-right: 1px;
} .block {
    background-color: White;
    border: solid black 1px;
    padding: 1px;
    width: 100%
} #network-indicator {
    color: White;
    font-weight: bold;
    font-size: 0.8em;
} #network-indicator div {
    padding: 1px;
} #sync-indicator {
    padding: 0;
    margin: 1px;
    font-size: 0.7em;
} .offline #network-indicator {
    background-color: Red;
} .online #network-indicator {
    background-color: Green;
} .unsupported #network-indicator {
    background-color: #0000FF;
} .offline #addfeed {
    display: none;
} #logo {
    background-image: url(element.gif);
}

/**
 * Logger
 *
 */ .console {
    width: 100%;
    border: solid 1px #000000;
    font-size: 0.7em;
    background-color: White;
    color: #55FF55;
} #yvmobile-console {
    font-size: 9px;
    border: solid #808080 1px;
} #body-console {
    overflow: auto;
    height: 80px;
    border-bottom: solid #808080 1px;
    background-color: #FFFFD7;
    color: #000000
} #title-console {
    border-bottom: solid #808080 1px;
    background-color: #D4D0C8;
    color: #000000;
} .border {
    padding-left: 3px;
    border-bottom: solid #D7D7D7 1px;
    color: #000000;
    font-size: 9px;
} .debug {
    background-color: #FFFFFF;
} .log {
    background-color: #FFFFFF;
} .warn {
    background-color: #00FFFF;
} .info {
    background-color: #FFFFFF;
} .error {
    background-color: #FFFFE0;
}
